<template>
  <el-row class="content">
    <!--日期和选择-->
    <el-row class="selectDiv">
      <select style="height: 20px" class="select" @change="getValue">
        <option :value="key" :selected="game === key" v-for="(valuess,key,index) in memberGames" :key="key">{{valuess}}</option>
      </select>
      <span style="margin-left: 5px">日期：</span><input class="date" type="text" id="datepicker" v-model="dates">
    </el-row>
    <!--表格-->
    <el-row v-if="memberresult">
      <!--北京pk10-->
      <table
        v-if="game ==='bjpk10'||game ==='azlucky10'||game ==='xyft'
      ||game ==='jssc'||game ==='jsft'||game ==='amsc'||game ==='amjssc'||
       game ==='hlsc'||game ==='hljssc'"
       border="0" cellspacing="1" cellpadding="0" class="myTable">
        <tr>
          <th v-if="item === '期数'"  height="30px"
          style="width: 15.12%" v-for="(item,index) in memberresult.title1" :key="index">{{item}}</th>
          <th v-if="item === '开奖时间'"  height="30px"
          style="width: 28.6%" v-for="(item,index) in memberresult.title1" :key="index">{{item}}</th>
          <th v-if="item === '开出号码'"  height="30px"
           style="width: 16.345%;min-width:280px" v-for="(item,index) in memberresult.title1" :key="index">{{item}}</th>
          <th v-if="item === '冠亚军和'"  height="30px"
           style="width: 16.345%;min-width:183px" v-for="(item,index) in memberresult.title1" :key="index">{{item}}</th>
          <th v-if="item === '1-5龙虎'"  height="30px"
              style="min-width:171px"
              v-for="(item,index) in memberresult.title1" :key="index">{{item}}</th>
        </tr>
        <tbody v-for="(items,index) in memberresult.data1" :key="index">
        <tr class="myTableTr" >
          <td  v-for="(value, key, index) in items" :key="index">
            <span v-if="!(value instanceof  Array)" :class="{colorred:value=='龙',colorredc:value=='和'}">{{value}}</span>
            <span style="width: 100%;margin-bottom: -2px" class="menu1" v-if="(value instanceof  Array)">
                <div style="margin-left: 0px;margin-right: 0px;width: 100%" :class="{
                T_PK10:game ==='bjpk10'||game ==='azlucky10'||game ==='amsc'||game ==='xyft'
                ||game ==='jssc'||game ==='jsft'||game ==='amjssc'||game ==='hlsc'||game ==='hljssc'
                }" v-if="key==='开出号码'">
                  <span class="bjpkspan" v-for="(item,index) in value" :key="index">
                    <b class="bbbjpk10" :class="`b${item}`"></b>
                  </span>

                </div>
              <span style="display: inline-block;width: 33.33%" class="spanass"
                     :class="{colorred:iteml=='龙',colorreda:iteml=='大',colorredb:iteml=='双'}"
                     v-if="key=='冠亚军和'" v-for="(iteml,indexl) in value" :key="indexl">{{iteml}}
              </span>
              <span style="display: inline-block;width: 20%"  class="spanas"
                    :class="{colorred:iteml=='龙',colorreda:iteml=='大',colorredb:iteml=='双'}"
                    v-if="key=='1～5龙虎'" v-for="(iteml,indexl) in value" :key="indexl">{{iteml}}
              </span>
          </span>
          </td>
        </tr>
        </tbody >
      </table>
      <!--极速时时彩-->
      <table
        v-if="game ==='cqssc'||game ==='azlucky5'||game ==='jsssc'||game ==='hlssc'||
       game ==='xjssc'||game ==='tjssc'||game ==='amssc'||game ==='amjsssc'"
        cellspacing="1" cellpadding="0" class="myTable">
        <tr>
          <th v-if="item === '期数'"  height="30px"
            style="width: 19.14%"  v-for="(item,index) in memberresult.title1" :key="index">{{item}}</th>
          <th v-if="item === '开奖时间'"  height="30px"
              style="width: 28.6%"  v-for="(item,index) in memberresult.title1" :key="index">{{item}}</th>
          <th v-if="item === '开出号码'&& game !=='cqssc'"  height="30px"
              style="width: 8.17%;min-width: 138px;"  v-for="(item,index) in memberresult.title1" :key="index">{{item}}</th>
          <th v-if="item === '开出号码'&& game ==='cqssc'"  height="30px"
              style="width: 10.7%;min-width: 165px;"  v-for="(item,index) in memberresult.title1" :key="index">{{item}}</th>
          <th v-if="item === '总和'"  height="30px"
              style="width: 12.9%"  v-for="(item,index) in memberresult.title1" :key="index">{{item}}</th>
          <th v-if="item === '龙虎'"  height="30px"
              style="width: 7.647%"  v-for="(item,index) in memberresult.title1" :key="index">{{item}}</th>
          <th v-if="item === '前三'"  height="30px"
              style="width: 7.647%"  v-for="(item,index) in memberresult.title1" :key="index">{{item}}</th>
          <th v-if="item === '中三'"  height="30px"
              style="width: 7.647%"  v-for="(item,index) in memberresult.title1" :key="index">{{item}}</th>
          <th v-if="item === '后三'"  height="30px"
              style="width: 7.647%" v-for="(item,index) in memberresult.title1" :key="index">{{item}}</th>
        </tr>
        <tbody v-for="(items,index) in memberresult.data1" :key="index">
        <tr class="myTableTr" >
          <td  v-for="(value, key, index) in items" :key="index">
            <span v-if="!(value instanceof  Array)" :class="{colorred:value=='龙',colorredc:value=='和',
            qzh:key==='前三'||key==='中三'||key==='后三'}">{{value}}</span>
            <span style="width: 100%;margin-bottom: -2px" class="menu1" v-if="(value instanceof  Array)">
              <div v-if="game !=='cqssc'">
                 <span
                   style="width: 100%" :class="{
                T_SSC:game ==='cqssc'||game ==='azlucky5'||game ==='jsssc'||
                game ==='xjssc'||game ==='tjssc'||game ==='amssc'||game ==='amjsssc'||game ==='hlssc'
                }" v-if="key==='开出号码'">
                  <span class="jssscspan" v-for="(item,index) in value" :key="index">
                     <b style="margin-left: 2px" class="bb" :class="`b${item}`"></b>
                  </span>
                </span>
              </div>
               <div v-else>
                 <span
                   style="width: 100%" :class="{
                    L_CQHLSX:game ==='cqssc'}" v-if="key==='开出号码'">
                  <span class="jssscspanss" v-for="(item,index) in value" :key="index">
                     <b style="margin-left: 2px;margin-top: 0px" class="bb" :class="`b${item}`"></b>
                  </span>
                </span>
              </div>
              <span style="width: 33.333%" class="spanas"
                    :class="{colorred:iteml=='龙',colorreda:iteml=='大',colorredb:iteml=='双'}"
                    v-if="key!=='开出号码' && game !=='cqssc'" v-for="(iteml,indexl) in value" :key="indexl">{{iteml}}
              </span>
              <span style="width: 33.333%" class="spanassx"
                    :class="{colorred:iteml=='龙',colorreda:iteml=='大',colorredb:iteml=='双'}"
                    v-if="key!=='开出号码' && game ==='cqssc'" v-for="(iteml,indexl) in value" :key="indexl">{{iteml}}
              </span>
          </span>
          </td>
        </tr>
        </tbody >
      </table>
      <!--北京快乐8-->
      <table v-if="game ==='bjkl8' || game ==='azlucky20'"
       border="0" cellspacing="1" cellpadding="0" class="myTable">
        <tr>
          <th v-if="item === '期数'"  height="30px"
              style="width: 5.31%;min-width: 63px" v-for="(item,index) in memberresult.title1" :key="index">{{item}}</th>
          <th v-if="item === '开奖时间'"  height="30px"
              style="width: 10.62%;min-width: 127px" v-for="(item,index) in memberresult.title1" :key="index">{{item}}</th>
          <th v-if="item === '开出号码'"  height="30px"
              style="width: 63.28%" v-for="(item,index) in memberresult.title1" :key="index">{{item}}</th>
          <th v-if="item === '总和'"  height="30px"
              style="width: 8.05%;min-width: 138px" v-for="(item,index) in memberresult.title1" :key="index">{{item}}</th>
          <th v-if="item === '比数量'"  height="30px"
              style="width: 11.15%" v-for="(item,index) in memberresult.title1" :key="index">{{item}}</th>
        </tr>
        <tbody v-for="(items,index) in memberresult.data1" :key="index">
        <tr class="myTableTr" >
          <td  v-for="(value, key, index) in items" :key="index">
            <span v-if="!(value instanceof  Array)" :class="{colorred:value=='龙',colorredc:value=='和'}">{{value}}</span>
            <span style="width: 100%;margin-bottom: -2px" class="menu1" v-if="(value instanceof  Array)">
                <span style="width: 100%" :class="{
                T_KL8:game ==='bjkl8' || game ==='azlucky20'
                }" v-if="key==='开出号码'">
                  <span class="bjkl8bb" v-for="(item,index) in value" :key="index">
                     <b style="margin-top: 4px" class="bb" :class="`b${item}`"></b>
                  </span>
                </span>
              <span style="width: 25%" class="spanas"
                    :class="{colorred:iteml=='龙',colorreda:iteml=='大',colorredb:iteml=='双'}"
                    v-if="key==='总和'" v-for="(iteml,indexl) in value" :key="indexl">{{iteml}}
              </span>
               <span style="width: 50%" class="spanas"
                     :class="{colorred:iteml=='龙',colorreda:iteml=='大',colorredb:iteml=='双'}"
                     v-if="key==='比数量'" v-for="(iteml,indexl) in value" :key="indexl">{{iteml}}
              </span>
          </span>
          </td>
        </tr>
        </tbody >
      </table>
      <!--广东快乐十分-->
      <table v-if="game ==='gdklsf'||game ==='azlucky8'||game ==='cqxync'"
       border="0" cellspacing="1" cellpadding="0" class="myTable">
        <tr>
          <th v-if="item === '期数'"  height="30px"
           style="width: 19.6%" v-for="(item,index) in memberresult.title1" :key="index">{{item}}</th>
          <th v-if="item === '开奖时间'"  height="30px"
           style="width: 23.64%" v-for="(item,index) in memberresult.title1" :key="index">{{item}}</th>
          <th v-if="item === '开出号码'"  height="30px"
           style="width:22.41%" v-for="(item,index) in memberresult.title1" :key="index">{{item}}</th>
          <th v-if="item === '总和'"  height="30px"
           style="width: 18.85%" v-for="(item,index) in memberresult.title1" :key="index">{{item}}</th>
          <th v-if="item === '1～4龙虎'"  height="30px"
          style="width: 14.94%" v-for="(item,index) in memberresult.title1" :key="index">{{item}}</th>
        </tr>
        <tbody v-for="(items,index) in memberresult.data1" :key="index">
        <tr class="myTableTr" >
          <td  v-for="(value, key, index) in items" :key="index">
            <span v-if="!(value instanceof  Array)" :class="{colorred:value=='龙',colorredc:value=='和'}">{{value}}</span>
            <span style="width: 100%;margin-bottom: -2px" class="menu1" v-if="(value instanceof  Array)">
              <div v-if="game !=='cqxync'">
                  <span
                    style="width: 100%" :class="{
               T_KLSF:game ==='gdklsf'||game ==='azlucky8'
                }" v-if="key==='开出号码'">
                  <span class="gdklsfbb" v-for="(item,index) in value" :key="index">
                      <b style="margin-left: 1px!important;" class="bb" :class="`b${item}`"></b>
                  </span>
                </span>
               </div>
              <div v-else>
                  <span
                    style="width: 100%" :class="{
               XYNCTerm:game ==='cqxync'
                }" v-if="key==='开出号码'">
                  <span class="gdklsfbb" v-for="(item,index) in value" :key="index">
                      <b style="margin-top: -1px" class="bb" :class="`b${item}`"></b>
                  </span>
                </span>
              </div>
              <span style="width: 25%" class="spanas"
                    :class="{colorred:iteml=='龙',colorreda:iteml=='大',colorredb:iteml=='双'}"
                    v-if="key=='总和'" v-for="(iteml,indexl) in value" :key="indexl">{{iteml}}
              </span>
               <span style="width: 25%" class="spanas"
                     :class="{colorred:iteml=='龙',colorreda:iteml=='大',colorredb:iteml=='双'}"
                     v-if="key=='1～4龙虎'" v-for="(iteml,indexl) in value" :key="indexl">{{iteml}}
              </span>
          </span>
          </td>
        </tr>
        </tbody >
      </table>
      <!--广西快三-->
      <table v-if="game ==='gxk3'"
             border="0" cellspacing="1" cellpadding="0" class="myTable">
        <tr>
          <th v-if="item === '期数'"  height="30px"
            style="width: 24%" v-for="(item,index) in memberresult.title1" :key="index">{{item}}</th>
          <th v-if="item === '开奖时间'"  height="30px"
           style="width: 32.28%" v-for="(item,index) in memberresult.title1" :key="index">{{item}}</th>
          <th v-if="item === '开出骰子'"  height="30px"
            style="width: 7%;min-width: 118px" v-for="(item,index) in memberresult.title1" :key="index">{{item}}</th>
          <th v-if="item === '鱼虾蟹'"  height="30px"
            style="width: 25.74%" v-for="(item,index) in memberresult.title1" :key="index">{{item}}</th>
          <th style="width: 10.39%" v-if="item === '总和'"  height="30px" v-for="(item,index) in memberresult.title1" :key="index">{{item}}</th>
        </tr>
        <tbody v-for="(items,index) in memberresult.data1" :key="index">
        <tr class="myTableTr" >
          <td  v-for="(value, key, index) in items" :key="index">
            <span v-if="!(value instanceof  Array)">{{value}}</span>
            <span style="width: 100%;margin-bottom: -2px" class="menu1" v-if="(value instanceof  Array)">
                <span style="width: 100%" :class="{ T_K3:game ==='gxk3'}" v-if="key==='开出骰子'">
                  <span class="gxk3dd" v-for="(item,index) in value" :key="index">
                    <b style="margin-top: 1px" class="bb" :class="`b${item}`"></b>
                  </span>
                </span>
              <span style="width: 33.33%" class="spanas"
                    :class="{colorredgxk3lv:iteml=='虾'||iteml=='螃蟹' ,colorredgxk3ls:iteml=='葫芦'||iteml=='金钱',colorredgxk3red:iteml=='鱼'||iteml=='鷄'}"
                    v-if="key==='鱼虾蟹'" v-for="(iteml,indexl) in value" :key="indexl">{{iteml}}
              </span>
                <span style="width: 50%" class="spanas"
                      :class="{colorreda:iteml=='大',colorredb:iteml=='双',colorredtc:iteml=='通吃'}"
                      v-if="key==='总和'" v-for="(iteml,indexl) in value" :key="indexl">{{iteml}}
              </span>
          </span>
          </td>
        </tr>
        </tbody >
      </table>
      <!--广东11选5-->
      <table v-if="game ==='gd115'"
             border="0" cellspacing="1" cellpadding="0" class="myTable">
        <tr>
          <th v-if="item === '期数'"  height="30px"
           style="width: 21.54%" v-for="(item,index) in memberresult.title1" :key="index">{{item}}</th>
          <th v-if="item === '开奖时间'"  height="30px"
           style="width: 25.97%" v-for="(item,index) in memberresult.title1" :key="index">{{item}}</th>
          <th v-if="item === '开出号码'"  height="30px"
          style="width: 8.3%;min-width: 140px" v-for="(item,index) in memberresult.title1" :key="index">{{item}}</th>
          <th v-if="item === '总和'"  height="30px"
          style="width: 18.73%" v-for="(item,index) in memberresult.title1" :key="index">{{item}}</th>
          <th v-if="item === '龙虎'"  height="30px"
           style="width: 6.94%" v-for="(item,index) in memberresult.title1" :key="index">{{item}}</th>
          <th v-if="item === '1~5大小'"  height="30px"
          style="width: 18.09%" v-for="(item,index) in memberresult.title1" :key="index">{{item}}</th>
        </tr>
        <tbody v-for="(items,index) in memberresult.data1" :key="index">
        <tr class="myTableTr" >
          <td  v-for="(value, key, index) in items" :key="index">
            <span v-if="!(value instanceof  Array)" :class="{colorred:value=='龙',colorredc:value=='和'}">{{value}}</span>
            <span style="width: 100%;margin-bottom: -2px" class="menu1" v-if="(value instanceof  Array)">
                <span style="width: 100%" :class="{
                T_11X5:game ==='gd115'
                }" v-if="key==='开出号码'">
                  <span class="gd115bb" v-for="(item,index) in value" :key="index">
                     <b class="bb" :class="`b${item}`"></b>
                  </span>
                </span>
              <span style="width:25%" class="spanas"
                    :class="{colorred:iteml=='龙',colorreda:iteml=='大',colorredb:iteml=='双'}"
                    v-if="key=='总和'" v-for="(iteml,indexl) in value" :key="indexl">{{iteml}}
              </span>
              <span style="width:20%" class="spanas"
                    :class="{colorred:iteml=='龙',colorreda:iteml=='大',colorredb:iteml=='双'}"
                    v-if="key=='1~5大小'" v-for="(iteml,indexl) in value" :key="indexl">{{iteml}}
              </span>
          </span>
          </td>
        </tr>
        </tbody >
      </table>
      <!--广西快乐十分-->
      <table v-if="game ==='gxklsf'"
             border="0" cellspacing="1" cellpadding="0" class="myTable">
        <tr>
          <th v-if="item === '期数'"  height="30px"
             style="width: 24.34%" v-for="(item,index) in memberresult.title1" :key="index">{{item}}</th>
          <th v-if="item === '开奖时间'"  height="30px"
              style="width: 32.63%" v-for="(item,index) in memberresult.title1" :key="index">{{item}}</th>
          <th v-if="item === '开出号码'"  height="30px"
              style="width: 9.04%;min-width: 155px" v-for="(item,index) in memberresult.title1" :key="index">{{item}}</th>
          <th v-if="item === '总和'"  height="30px"
              style="width: 23.64%" v-for="(item,index) in memberresult.title1" :key="index">{{item}}</th>
          <th v-if="item === '龙虎'"  height="30px"
              style="width:8.75%" v-for="(item,index) in memberresult.title1" :key="index">{{item}}</th>
        </tr>
        <tbody v-for="(items,index) in memberresult.data1" :key="index">
        <tr class="myTableTr" >
          <td  v-for="(value, key, index) in items" :key="index">
            <span v-if="!(value instanceof  Array)" :class="{colorred:value=='龙',colorredc:value=='和'}">{{value}}</span>
            <span style="width: 100%;margin-bottom: -2px" class="menu1" v-if="(value instanceof  Array)">
                <span style="width: 100%" :class="{
                T_GXKLSF:game ==='gxklsf'
                }" v-if="key==='开出号码'">
                  <span class="gxklsfbb" v-for="(item,index) in value" :key="index">
                     <b class="bb" :class="`b${item}`"></b>
                  </span>
                </span>
              <span style="width: 25%" class="spanas"
                    :class="{colorred:iteml=='龙',colorreda:iteml=='大',colorredb:iteml=='双'}"
                    v-if="key!=='开出号码'&& key==='总和'" v-for="(iteml,indexl) in value" :key="indexl">{{iteml}}
              </span>
          </span>
          </td>
        </tr>
        </tbody >
      </table>
      <!--pc蛋蛋-->
      <table
        v-if="game ==='pcegg'"
        border="0" cellspacing="1" cellpadding="0" class="myTable">
        <tr>
          <th v-if="item === '期数'"  height="30px"
              style="width: 28.6%" v-for="(item,index) in memberresult.title1" :key="index">{{item}}</th>
          <th v-if="item === '开奖时间'"  height="30px"
              style="width: 51.72%" v-for="(item,index) in memberresult.title1" :key="index">{{item}}</th>
          <th v-if="item === '开出号码'"  height="30px"
              style="width: 4.9%;min-width: 82px" v-for="(item,index) in memberresult.title1" :key="index">{{item}}</th>
          <th v-if="item === '总和'"  height="30px"
              style="width: 15.23%;min-width:183px" v-for="(item,index) in memberresult.title1" :key="index">{{item}}</th>
        </tr>
        <tbody v-for="(items,index) in memberresult.data1" :key="index">
        <tr class="myTableTr" >
          <td  v-for="(value, key, index) in items" :key="index">
            <span v-if="!(value instanceof  Array)" :class="{colorred:value=='龙',colorredc:value=='和'}">{{value}}</span>
            <span style="width: 100%;margin-bottom: -5px;margin-top: -3px" class="menu1" v-if="(value instanceof  Array)">
                <span style="margin-left: 0px;margin-right: 0px;width: 100%"
                 v-if="key==='开出号码'">
                  <div class="pceggbb" v-for="(item,index) in value" :key="index">
                     <span :class="'pc28_ball_'+ item"></span>
                  </div>
                </span>
              <span style="display: inline-block;width: 33.33%" class="spanass"
                    :class="{colorred:iteml=='龙',colorreda:iteml=='大',colorredb:iteml=='双'}"
                    v-if="key=='总和'" v-for="(iteml,indexl) in value" :key="indexl">{{iteml}}
              </span>
          </span>
          </td>
        </tr>
        </tbody >
      </table>
    </el-row>
  </el-row>
</template>

<script>
  import { mapGetters } from 'vuex'
  import { user as userMap } from '@/utils/map' // 参数映射
  import { result } from '@/api/member'
  import $ from 'jquery'
  import 'jquery-ui/ui/widgets/datepicker'

  export default {
    computed: {
      ...mapGetters(['memberGames', 'memberresult']),
    },
    data() {
      return {
        loading: false,
        userMap: userMap, // 用户字段映射
        currentPage: 1,
        pageSize: 10,
        pickDate: null,
        game: this.$store.getters.memberGameSelected, // 类型参数
        dates: '', // 日期参数
        value1: '',
        value2: '',
      }
    },
    // 数据格式化
    filters: {},
    async created() {
      const nowTime = new Date()
      nowTime.setHours(6)
      console.log('nowTime',nowTime.getHours())
      if (nowTime.getHours() <= 6) {
        nowTime.setDate(nowTime.getDate())
      }
      this.dates = this.CurentTime(nowTime)
      console.log('dates',  this.dates)
      await this.result()
    },
    mounted() {
      const _this = this
      $(function() {
        $('#datepicker').datepicker({
          showMonthAfterYear: true,
          prevText: '上个月',
          nextText: '下个月',
          dayNames: ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'],
          dayNamesShort: ['周日', '周一', '周二', '周三', '周四', '周五', '周六'],
          dayNamesMin: ['日', '一', '二', '三', '四', '五', '六'],
          monthNames: ['一月', '二月', '三月', '四月', '五月', '六月',
            '七月', '八月', '九月', '十月', '十一月', '十二月'],
          dateFormat: 'yy-mm-dd',
          firstDay: 1,
          onSelect: function(date) {
            _this.dates = date
            _this.result(date)
          },
        })
      })
    },
    methods: {
      // 转换时间格式
      CurentTime(value) {
        console.log('value',value)
        const now = new Date(value)
        const year = now.getFullYear()
        const month = now.getMonth() + 1
        const day = now.getDate()
        let clock = year + '-'
        if (month < 10) {
          clock += '0'
        }
        clock += month + '-'
        if (day < 10) {
          clock += '0'
        }
        clock += day
        return (clock)
      },
      // 获取下拉框值
      getValue(val) {
        this.game = val.target.value
        this.result()
      },
      // 开奖结果
      async result() {
        await this.$store.dispatch('Lotteryresults', {
          game: this.game,
          date: this.dates,
        })
      },
      // 当前页变化
      async pickerChange(value) {
        await this.fetchData()
      },
    },
    watch: {
      $route(to, from) {
        this.result()
      },
    },
  }
</script>
<style scoped>
  .kaijiang{
    text-align: left;
  }
  .content {
    margin-left: 190px;
    background: #fff;
    padding: 5px;
  }
  .selectDiv{
    max-height:30px;
  }
  .selectDiv .date{
    width:80px;
  }
  .select{
    width: 120px;
  }
  .myTable{
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 5px  0;
    font-size:12px;
  }
  .myTable th{
    height: 25px;
    text-align: center;
    color: #131950;
    font-weight: bold;
    line-height: 25px;
    padding-left: 10px;
    padding-right: 10px;
    margin: 0;
  }
  .myTable td{
    color: #131950;
    line-height: 13px;
    box-sizing: border-box;
    text-align: center;
  }
  .myTable td span{
    display: inline-block;
  }
  .myTable td .spanass{
    min-width: 30px;
    border-right: 1px solid #b9c2cb;
    height: 30px;
    line-height: 30px;
  }
  .myTable td .spanass:last-child{
    border-right: none;
  }
  .myTable td .spanas{
    min-width: 30px;
    border-right: 1px solid #b9c2cb;
    height: 30px;
    line-height: 30px;
  }
  .myTable td .spanas:last-child{
    border-right: none;
  }
  .gdklsfbb{
    width: 12.5%;
    border-right: 1px solid #b9c2cb;
    height: 30px;
    line-height: 30px;
  }
  .myTable td .gdklsfbb:last-child{
    border-right: none;
  }
  .gd115bb{
    width: 20%;
    border-right: 1px solid #b9c2cb;
    height: 30px;
    line-height: 30px;
  }
  .myTable td .gd115bb:last-child{
    border-right: none;
  }
  .gxk3dd{
    width: 33.33%;
    border-right: 1px solid #b9c2cb;
    height: 30px;
    line-height: 30px;
  }
  .myTable td .gxk3dd:last-child{
    border-right: none;
  }
  .bjkl8bb{
    width: 5%;
    border-right: 1px solid #b9c2cb;
    height: 30px;
    line-height: 30px;
  }
  .myTable td .bjkl8bb:last-child{
    border-right: none;
  }
  .gxklsfbb{
    width: 20%;
    border-right: 1px solid #b9c2cb;
    height: 30px;
    line-height: 30px;
  }
  .spanassx{
    height: 34px;
    line-height: 34px;
    border-right: 1px solid #b9c2cb;
  }
  .myTable td .spanassx:last-child{
    border-right: none;
  }
  .bb{
    display: inline-block;
    margin-top: 3px;
    margin-left: 0px!important;
  }
  .bbbjpk10{
    display: inline-block;
    margin-top: 5px;
    width: 20px!important;
  }
  .qzh{
    font-weight: bold
  }
  .bjpkspan{
    width: 10%;
    border-right: 1px solid #b9c2cb;
    height: 30px;
    line-height: 30px;
  }
  .bjpkspan:last-child{
    border-right: none;
  }
  .pceggbb{
    width: 33.33%;
    display: inline-block;
    border-right: 1px solid #b9c2cb;
    height: 30px;
    line-height: 30px;
  }
  .pceggbb:last-child{
    border-right: none;
  }
  .jssscspan{
    width: 20%;
    border-right: 1px solid #b9c2cb;
    height: 30px;
    line-height: 30px;
  }
  .jssscspan:last-child{
    border-right: none;
  }
  .jssscspanss{
    height: 34px;
    line-height: 34px;
    width: 20%;
    border-right: 1px solid #b9c2cb;
  }
  .jssscspanss:last-child{
    border-right: none;
  }
  .colorred{
    color: red;
  }
  .colorreda{
    color: red;
  }
  .colorredb{
    color: red;
  }
  .colorredc{
    color: #2836f4;
  }
  .colorredtc{
    color: #299a26 !important;
  }
  .el-date-editor.el-input, .el-date-editor.el-input__inner{
    width: 170px!important;
  }
  .colorredgxk3lv{
    color: rgb(34, 189, 30);
  }
  .colorredgxk3ls{
    color: rgb(40, 54, 244);
  }
  .colorredgxk3red{
    color: red;
  }

</style>
<style>
  .myClass input.el-input__inner{
    height: 28px!important;
    line-height: 28px!important;
  }
  .myClass .el-input__icon{
    line-height: 28px!important;
  }
</style>
